﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.3音乐设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_3音乐设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_3音乐设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u365" class="ax_default _一级标题">
        <div id="u365_div" class=""></div>
        <div id="u365_text" class="text ">
          <p><span>闹钟-首页</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u366" class="ax_default _形状" data-label="Rectangle">
        <div id="u366_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u367" class="ax_default" data-left="49" data-top="678" data-width="375" data-height="69">

        <!-- Rectangle (Rectangle) -->
        <div id="u368" class="ax_default _形状" data-label="Rectangle">
          <div id="u368_div" class=""></div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u369" class="ax_default _形状" data-label="Rectangle">
          <img id="u369_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u210.png"/>
          <div id="u369_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u370" class="ax_default _形状" data-label="Rectangle">
          <img id="u370_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
          <div id="u370_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u371" class="ax_default" data-left="48" data-top="80" data-width="376" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u372" class="ax_default _形状">
          <div id="u372_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u373" class="ax_default" data-left="55" data-top="95" data-width="46" data-height="8">

          <!-- Unnamed (Rectangle) -->
          <div id="u374" class="ax_default _形状">
            <img id="u374_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u375" class="ax_default _形状">
            <img id="u375_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u376" class="ax_default _形状">
            <img id="u376_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u377" class="ax_default _形状">
            <img id="u377_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u378" class="ax_default _形状">
            <img id="u378_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u379" class="ax_default" data-left="386" data-top="92" data-width="31" data-height="17">

          <!-- Unnamed (Rectangle) -->
          <div id="u380" class="ax_default _形状">
            <div id="u380_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u381" class="ax_default _形状">
            <div id="u381_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u382" class="ax_default _形状">
            <div id="u382_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u383" class="ax_default _文本段落" data-label="Header 2">
        <div id="u383_div" class=""></div>
        <div id="u383_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u384" class="ax_default _文本段落" data-label="Header 2">
        <div id="u384_div" class=""></div>
        <div id="u384_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u385" class="ax_default _文本段落" data-label="Header 2">
        <div id="u385_div" class=""></div>
        <div id="u385_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u386" class="ax_default _形状" data-label="Rectangle">
        <img id="u386_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u386_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u387" class="ax_default _形状" data-label="Rectangle">
        <img id="u387_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u387_text" class="text ">
          <p><span>新闻</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u388" class="ax_default _二级标题">
        <div id="u388_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u389" class="ax_default _一级标题">
        <div id="u389_div" class=""></div>
        <div id="u389_text" class="text ">
          <p><span>7&nbsp; &nbsp; 25</span></p><p><span><br></span></p><p><span>8&nbsp; : 30&nbsp; &nbsp; &nbsp;&nbsp; 上午</span></p><p><span><br></span></p><p><span>9&nbsp; &nbsp; 35&nbsp; &nbsp; &nbsp;&nbsp; 下午</span></p><p><span><br></span></p><p><span>10&nbsp; 40</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u390" class="ax_default box_1">
        <div id="u390_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u391" class="ax_default label">
        <div id="u391_div" class=""></div>
        <div id="u391_text" class="text ">
          <p><span>闹钟将于早上8：30响起</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u392" class="ax_default box_1">
        <div id="u392_div" class=""></div>
        <div id="u392_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u393" class="ax_default image">
        <img id="u393_img" class="img " src="images/图例/u110.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u394" class="ax_default image">
        <img id="u394_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u300.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u395" class="ax_default image">
        <img id="u395_img" class="img " src="images/1_3音乐设置/u395.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u396" class="ax_default _一级标题">
        <div id="u396_div" class=""></div>
        <div id="u396_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u397" class="ax_default _形状" data-label="Rectangle">
        <div id="u397_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u398" class="ax_default" data-left="538" data-top="80" data-width="376" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u399" class="ax_default _形状">
          <div id="u399_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u400" class="ax_default" data-left="545" data-top="95" data-width="46" data-height="8">

          <!-- Unnamed (Rectangle) -->
          <div id="u401" class="ax_default _形状">
            <img id="u401_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u402" class="ax_default _形状">
            <img id="u402_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u403" class="ax_default _形状">
            <img id="u403_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u404" class="ax_default _形状">
            <img id="u404_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u405" class="ax_default _形状">
            <img id="u405_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u406" class="ax_default" data-left="876" data-top="92" data-width="31" data-height="17">

          <!-- Unnamed (Rectangle) -->
          <div id="u407" class="ax_default _形状">
            <div id="u407_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u408" class="ax_default _形状">
            <div id="u408_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u409" class="ax_default _形状">
            <div id="u409_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u410" class="ax_default _文本段落" data-label="Header 2">
        <div id="u410_div" class=""></div>
        <div id="u410_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u411" class="ax_default _文本段落" data-label="Header 2">
        <div id="u411_div" class=""></div>
        <div id="u411_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u412" class="ax_default _文本段落" data-label="Header 2">
        <div id="u412_div" class=""></div>
        <div id="u412_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u413" class="ax_default box_1">
        <div id="u413_div" class=""></div>
        <div id="u413_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u414" class="ax_default label">
        <div id="u414_div" class=""></div>
        <div id="u414_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u415" class="ax_default box_1">
        <div id="u415_div" class=""></div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u416" class="ax_default image">
        <img id="u416_img" class="img " src="images/1_3音乐设置/u416.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u417" class="ax_default image">
        <img id="u417_img" class="img " src="images/1_3音乐设置/u417.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u418" class="ax_default image">
        <img id="u418_img" class="img " src="images/1_3音乐设置/u418.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u419" class="ax_default image">
        <img id="u419_img" class="img " src="images/1_3音乐设置/u419.png"/>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u420" class="ax_default marker">
        <img id="u420_img" class="img " src="images/1_3音乐设置/u420.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u421" class="ax_default label">
        <div id="u421_div" class=""></div>
        <div id="u421_text" class="text ">
          <p><span>闹钟音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u422" class="ax_default box_1">
        <div id="u422_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u423" class="ax_default box_1">
        <div id="u423_div" class=""></div>
        <div id="u423_text" class="text ">
          <p><span>&nbsp;选择歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u424" class="ax_default label">
        <div id="u424_div" class=""></div>
        <div id="u424_text" class="text ">
          <p><span>使用我的音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u425" class="ax_default image">
        <img id="u425_img" class="img " src="images/1_3音乐设置/u419.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u426" class="ax_default image">
        <img id="u426_img" class="img " src="images/1_3音乐设置/u419.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u427" class="ax_default image">
        <img id="u427_img" class="img " src="images/1_3音乐设置/u419.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u428" class="ax_default image">
        <img id="u428_img" class="img " src="images/1_3音乐设置/u419.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u429" class="ax_default label">
        <div id="u429_div" class=""></div>
        <div id="u429_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:16px;">Music One</span><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u430" class="ax_default label">
        <div id="u430_div" class=""></div>
        <div id="u430_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:16px;">Music Two</span><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u431" class="ax_default label">
        <div id="u431_div" class=""></div>
        <div id="u431_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:16px;">Music Three</span><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u432" class="ax_default label">
        <div id="u432_div" class=""></div>
        <div id="u432_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:16px;">Music Four</span><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u433" class="ax_default label">
        <div id="u433_div" class=""></div>
        <div id="u433_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:16px;">Music Five</span><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u434" class="ax_default _二级标题">
        <div id="u434_div" class=""></div>
        <div id="u434_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u435" class="ax_default box_1">
        <div id="u435_div" class=""></div>
        <div id="u435_text" class="text ">
          <p><span>1. 在【1.1 闹钟-首页】页面中，点击右上角按键，进入音乐设置页面。</span></p><p><span><br></span></p><p><span>2. 左右滑动可调节闹钟的音量；不受设备静音或音量设置影响。</span></p><p><span><br></span></p><p><span>3. 闹钟音乐：</span></p><p><span><br></span></p><p><span>&nbsp;当前选中音乐具有“选中”状态；</span></p><p><span><br></span></p><p><span>用户点击任一行，该行音乐为“选中”状态；</span></p><p><span><br></span></p><p><span>用户点击任一行非当前选中音乐，播放该音乐</span></p><p><span><br></span></p><p><span>4. 使用我的音乐：</span></p><p><span><br></span></p><p><span>点击跳转进入本机/apple music/第三方音乐软件选择页面</span></p><p><span><br></span></p><p><span>5. 点击“完成”将当前选中音乐定为闹钟响起音乐，并退出回到【1.1 闹钟-首页】</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
